<template>
  <div class="layout">
    <el-container>
      <!-- 侧边导航栏 -->
      <v-aside></v-aside>
      <el-container>
        <!-- 头部 -->
        <el-header>Header</el-header>
        <!-- 主要内容，这里是嵌套路由中变化的部分 -->
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import vAside from './aside'
export default {
  components: {
    vAside
  }
};
</script>
<style lang="">
.layout .el-container {
  height: 100vh;
}
.layout .el-main {
  background-color: #f6f6f6;
}
.bgf {
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
}
</style>